<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米官网首页</title>
	<link rel="stylesheet" href="style/index.css">
	<script src="js/jquery.js"></script>
	<script src="js/index.js"></script>
</head>
<body>
	<div id="header-wrap">
		<div id="header">
			<div id="header-left">
				<a href="javascript:;">小米网</a>
				<span>|</span>
				<a href="javascript:;">MIUI</a>
				<span>|</span>
				<a href="javascript:;">米聊</a>
				<span>|</span>
				<a href="javascript:;">游戏</a>
				<span>|</span>
				<a href="javascript:;">多看阅读</a>
				<span>|</span>
				<a href="javascript:;">云服务</a>
				<span>|</span>
				<a href="javascript:;">小米网移动版</a>
				<span>|</span>
				<a href="javascript:;">问题反馈</a>
				<span>|</span>
				<a href="javascript:;">Select Region</a>
			</div>
			<div id="shop-car">
				<a href="javascript:;" id="shop-car-info"><i class="yi-tao">&#xe65a;</i>购物车（0）</a>
				<div id="shop-car-list">购物车中还没有商品，赶紧选购吧！</div>
			</div>
			<div id="user-interact">
				<a href="javascript:;">登录</a>
				<span>|</span>
				<a href="javascript:;">注册</a>
			</div>
		</div>
	</div>
	<div id="head">
		<h2 id="logo"><a href="javascript:;">
		<img src="images/mi-logo.png" alt="小米LOGO">
		</a></h2>
		<div id="ad-1"><a href="javascript:;"><img src="images/haidaoquannew.gif" alt=""></a></div>
		<div id="nav">
			<div id="show-nav"><a href="javascript:;">小米手机</a><a href="javascript:;">红米</a><a href="javascript:;">平板</a><a href="javascript:;">电视</a><a href="javascript:;">盒子·影音</a><a href="javascript:;">路由器</a><a href="javascript:;">智能硬件</a></div>
			<div><a href="javascript:;" target="_blank" class="no-effect">服务</a><a href="javascript:;" target="_blank" class="no-effect">社区</a></div>
		</div>
		<form action="javascript:;" id="search-box">
			<input type="text" name="search-content" id="search-content"><input type="submit" id="search-btn" class="yi-tao" value="&#xe699;">
			<div id="search-notice"><a href="javascript:;" target="_blank">红米3S</a><a href="javascript:;" target="_blank">小米手环2</a></div>
			<ul id="search-list">
				<li data-key="小米手机5"><a href="javascript:;"><span>约有11件</span>小米手机5</a></li>
				<li  data-key="空气净化器2"><a href="javascript:;"><span>约有1件</span>空气净化器2</a></li>
				<li  data-key="活塞耳机"><a href="javascript:;"><span>约有4件</span>活塞耳机</a></li>
				<li  data-key="小米路由器"><a href="javascript:;"><span>约有8件</span>小米路由器</a></li>
				<li  data-key="移动电源"><a href="javascript:;"><span>约有21件</span>移动电源</a></li>
				<li  data-key="运动相机"><a href="javascript:;"><span>约有3件</span>运动相机</a></li>
				<li  data-key="小蚁摄像机"><a href="javascript:;"><span>约有2件</span>小蚁摄像机</a></li>
				<li  data-key="小米体重秤"><a href="javascript:;"><span>约有1件</span>小米体重秤</a></li>
				<li  data-key="小米插线板"><a href="javascript:;"><span>约有13件</span>小米插线板</a></li>
				<li  data-key="配件优惠套装"><a href="javascript:;"><span>约有32件</span>配件优惠套装</a></li>
			</ul>
		</form>
	</div>
	<div id="nav-menu-wrap">
		<div id="nav-menu">
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/1.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/2.jpg" alt=""></a>
					<a href="javascript:;">小米手机5</a>
					<p>1499起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/3.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/4.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/5.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/6.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/7.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/8.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/9.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/10.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/11.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/12.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/13.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/14.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/15.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/16.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/17.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/18.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/19.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/20.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/21.png" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/22.png" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/23.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/24.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/25.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/26.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/27.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
			<ul>
				<li class="first">
					<a href="javascript:;"><img src="images/28.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/29.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/30.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/31.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/32.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
				<li>
					<a href="javascript:;"><img src="images/33.jpg" alt=""></a>
					<a href="javascript:;">小米MAX</a>
					<p>4999起</p>
				</li>
			</ul>
		</div>
	</div>
	<div id="banner">
		<div id="image-list">
			<a href="mi.com"><img src="images/banner_1.jpg" alt="" class="active"></a>
			<a href="360.com"><img src="images/banner_2.jpg" alt=""></a>
			<a href="qq.com"><img src="images/banner_3.jpg" alt=""></a>
			<a href="sina.com"><img src="images/banner_4.jpg" alt=""></a>
			<a href="baidu.com"><img src="images/banner_5.jpg" alt=""></a>
		</div>
		<div id="btn-list">
			<a href="javascript:;" class="active"></a>
			<a href="javascript:;"></a>
			<a href="javascript:;"></a>
			<a href="javascript:;"></a>
			<a href="javascript:;"></a>
		</div>
		<div id="switch-btn">
			<a href="javascript:;" class="left-btn"></a>
			<a href="javascript:;" class="right-btn"></a>
		</div>
	</div>
</body>
</html>